<ion-header>
    <ion-navbar>
        <ion-title>
            个人中心
        </ion-title>
    </ion-navbar>
</ion-header>

<link rel="stylesheet" type="text/css" href="../../assets/fontClass/iconfont.css">
<ion-content>

    <div class="first" style="background:url(../../assets/imgs/个人中心.png);width: 100%;height: 80px;text-align: left;position: center">
        <ion-icon name="ios-contact-outline"></ion-icon>
        <p style="display: inline-block"><span>1223456789</span></p>
        <!--点击图片跳转我的信息页面-->
        <ion-icon name="ios-arrow-forward-outline" style="float: right" (click)="MyInfo()"></ion-icon>
    </div>
    <div style="text-align: center ;width: 100%">
        <ion-grid>
            <ion-row>
                <ion-col col-3>
                    <p>0.0</p>
                    <p>账户余额</p>
                </ion-col>
                <div class="line"></div>
                <ion-col col-3>
                    <p>0.0</p>
                    <p>积分</p>
                </ion-col>
                <div class="line"></div>
                <ion-col col-3>
                    <p>0.0</p>
                    <p>优惠券</p>
                </ion-col>
            </ion-row>
        </ion-grid>
    </div>
    <div style="width: 100%;height: 2px;background:  #F1F1F1;"></div>
    <div>
        <ion-list>
            <ion-item>
                <ion-icon name="ios-send-outline" item-start></ion-icon>
                常用地址
                <ion-icon name="ios-arrow-forward-outline" item-end (click)="address()"></ion-icon>
            </ion-item>
            <div class="line"></div>
        </ion-list>
        <ion-list>
            <ion-item>
                <ion-icon name="ios-contacts-outline" item-start></ion-icon>
                常用阿姨
                <ion-icon name="ios-arrow-forward-outline" item-end></ion-icon>
            </ion-item>
            <div class="line"></div>
        </ion-list>

        <ion-list>
            <ion-item>
                <ion-icon name="ios-git-merge-outline" item-start></ion-icon>
                分享给好友
                <ion-icon name="ios-arrow-forward-outline" item-end></ion-icon>
            </ion-item>
            <div class="line"></div>
        </ion-list>
        <ion-list>
            <ion-item>
                <ion-icon name="ios-headset-outline" item-start></ion-icon>
                在线客服
                <ion-icon name="ios-arrow-forward-outline" item-end></ion-icon>
            </ion-item>
            <div class="line"></div>
        </ion-list>
        <ion-list>
            <ion-item>
                <ion-icon name="ios-information-circle-outline" item-start></ion-icon>
                使用帮助
                <ion-icon name="ios-arrow-forward-outline" item-end></ion-icon>
            </ion-item>
            <div class="line"></div>
        </ion-list>
        <ion-list>
            <ion-item>
                <ion-icon name="ios-more-outline" item-start ></ion-icon>
                更多
                <ion-icon name="ios-arrow-forward-outline" item-end (click)="more()"></ion-icon>
            </ion-item>
            <div class="line"></div>
        </ion-list>
    </div>
</ion-content>
